<template>
  <div>
    <div class="menuBox">
      <ul>
        <li @click="historyTo">
          <span class="iconfont icon-lishixiao"></span>
          <p>浏览历史</p>
        </li>
        <li>
          <span class="iconfont icon-caogaoxiang"></span>
          <p>草稿箱</p>
        </li>
        <li>
          <span class="iconfont icon-tianjiawenjian"></span>
          <p>创作中心</p>
        </li>
        <li>
          <span class="iconfont icon-lanzi"></span>
          <p>菜篮子</p>
        </li>
      </ul>
      <ul>
        <li>
          <span class="iconfont icon-ketang"></span>
          <p>我的课程</p>
        </li>
        <li>
          <span class="iconfont icon-dingdan"></span>
          <p>订单</p>
        </li>
        <li>
          <span class="iconfont icon-gouwuche"></span>
          <p>购物车</p>
        </li>
        <li>
          <span class="iconfont icon-qianbao"></span>
          <p>钱包</p>
        </li>
      </ul>
      <ul>
        <li>
          <span class="iconfont icon-weibiaoti2fuzhi10"></span>
          <p>厨房用具</p>
        </li>
        <li>
          <span class="iconfont icon-faxian"></span>
          <p>发现好友</p>
        </li>
        <li @click="toSetup">
          <span class="iconfont icon-shezhi"></span>
          <p>设置</p>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "menuData",
  methods: {
    toSetup() {
      this.$emit("toSetup");
      this.$router.push({
        path: "setupView"
      });
    },
    historyTo(){
      this.$emit('historyTo');
      this.$router.push({
          path: "historyView"
        });
    }
  },
};
</script>

<style lang="scss" scoped>
.menuBox {
  padding: 33px 100px 0 35px;
  ul {
    margin-bottom: 25px;
    li {
      display: flex;
      height: 40px;
      align-items: center;
      p {
        padding-left: 20px;
        font-size: 16px;
        color: black;
        font-weight: bold;
      }
      span {
        font-size: 16px;
        color: black;
        font-weight: bold;
      }
    }
  }
}
</style>